<template>
  <div>
    <Table />
    <Description />
    <br />
    <br />
    <br />
    <a-button @click="getTypeValue">改变type值</a-button>
    <a-button @click="getInputValue">获取输入框的值</a-button>
    <br />
    <br />
    <Form :type="type" ref="formRef"></Form>
    <div>{{ inputVal }}</div>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import Table from './components/Table.vue'
import Description from './components/Description.vue'
import Form from './components/Form.vue'
const type = ref(true)
const formRef = ref()
const inputVal = ref()
const getTypeValue = () => {
  type.value = !type.value
}
const getInputValue = () => {
  console.log(formRef.value.getValue(), '获取的值')
  inputVal.value = formRef.value.getValue()
}
</script>
<style scoped></style>
